<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SAMSUNG三星商城后台</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../x-admin/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../x-admin/css/font.css">
    <link rel="stylesheet" href="../x-admin/css/xadmin.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css">
    <link rel="stylesheet" href="../../../css/htOrder.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.jquery.min.js"></script>
    <script src="../x-admin/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../x-admin/js/xadmin.js"></script>
    <script type="text/javascript" src="../../../js/htorder.js"></script>

</head>
<body>
<div class="shade"></div>
<div class="popup" style="color: black;font-size: 18px;">
    <div class="popup_txt">
        <span class="cancel" onclick="cancel_shield()">×</span>
    </div>
    <div class="htnumber" style="margin-left: 15px;margin-bottom: 20px">
        <div>订单编号:</div>
    </div>
    <div style="margin-left: 15px;margin-bottom: 20px">
        <div style="color: black">商品信息:</div>
        <div class="htcommodity"></div>
    </div>
    <hr>
    <div class="htaddress" style="margin-left: 15px;margin-bottom: 20px">
        <div>收货人:</div>
        <div>联系电话:</div>
        <div>订单状态:</div>
        <div>下单时间:</div>
        <div>物流编号: <input type="text" style="outline: none" placeholder="请输入物流编号"></div>
    </div>
    <div class="popup_btn" style="margin-left: 15px;margin-bottom: 20px;margin-top: 50px;">
        <span class="cal_btn" onclick="cancel_shield()">取消</span>
        <span class="send_btn" onclick="updateStatus()">发货</span>
    </div>
</div>

<!-- 顶部开始 -->
<div class="container">
    <div class="logo"><a href="htindex">SAMSUNG</a></div>
    <div class="open-nav"><i class="iconfont">&#xe699;</i></div>
    <ul class="layui-nav right" lay-filter="">
        <li class="layui-nav-item">
            <a href="javascript:;">admin</a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
                <dd><a href="">个人信息</a></dd>
                <dd><a href="">切换帐号</a></dd>
                <dd><a href="login">退出</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item"><a href="index">前台首页</a></li>
    </ul>
</div>
<!-- 顶部结束 -->
<!-- 中部开始 -->
<div class="wrapper">
    <!-- 左侧菜单开始 -->
    <div class="left-nav">
        <div id="side-nav">
            <ul id="nav">
                <li class="list" current>
                    <a href="htindex">
                        <i class="iconfont">&#xe761;</i>
                        欢迎页面
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                </li>
                <li class="list">
                    <a href="javascript:;">
                        <i class="iconfont">&#xe70b;</i>
                        商品管理
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                    <ul class="sub-menu">
                        <li>
                            <a href="htgoodslist">
                                <i class="iconfont">&#xe6a7;</i>
                                商品列表
                            </a>
                        </li>
                        <li>
                            <a href="goodscategory">
                                <i class="iconfont">&#xe6a7;</i>
                                商品分类
                            </a>
                        </li>
                        <li>
                            <a href="goodsadd">
                                <i class="iconfont">&#xe6a7;</i>
                                商品添加
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="list" >
                    <a href="javascript:;">
                        <i class="iconfont">&#xe6a3;</i>
                        订单管理
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                    <ul class="sub-menu">
                        <li>
                            <a href="/htorders">
                                <i class="iconfont">&#xe6a7;</i>
                                订单列表
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="list" >
                    <a href="javascript:;">
                        <i class="iconfont">&#xe6a3;</i>
                        用户管理
                        <i class="iconfont nav_right">&#xe697;</i>
                    </a>
                    <ul class="sub-menu" style="display:none">
                        <li>
                            <a href="htuser">
                                <i class="iconfont">&#xe6a7;</i>
                                用户列表
                            </a>
                        </li>
                    </ul>
                </li>
<%--                <li class="list" >--%>
<%--                    <a href="javascript:;">--%>
<%--                        <i class="iconfont">&#xe6a3;</i>--%>
<%--                        管理员管理--%>
<%--                        <i class="iconfont nav_right">&#xe697;</i>--%>
<%--                    </a>--%>
<%--                    <ul class="sub-menu" style="display:none">--%>
<%--                        <li>--%>
<%--                            <a href="htadmin">--%>
<%--                                <i class="iconfont">&#xe6a7;</i>--%>
<%--                                管理员列表--%>
<%--                            </a>--%>
<%--                        </li>--%>
<%--                    </ul>--%>
<%--                </li>--%>
            </ul>
        </div>
    </div>
    <!-- 左侧菜单结束 -->
    <!-- 右侧主体开始 -->
    <div class="page-content">
        <div class="content">
            <!-- 右侧内容框架，更改从这里开始 -->
            <form class="layui-form xbs" action="/htorders" >
                <div class="layui-form-pane" style="">
                    <div class="order_serch">
                        <div class="order_status">订单状态 :
                            <span style="background-color: black">全部</span>
                            <span>待付款</span>
                            <span>待发货</span>
                            <span>已完成</span>
                            <span>已取消</span>
                        </div>
                        <div class="order_pay">支付方式 :
                            <span style="background-color: black">全部</span>
                            <span>微信支付</span>
                            <span>支付宝支付</span>
                            <span>云闪付支付</span>
                        </div>
                        <div class="order_date" style="font-size: 16px;margin-bottom: 15px">
                            日期范围 :
                            <div class="layui-input-inline xbs768">
                                <input type="date" name="serch_begin_time" id="begindate" class="layui-input" placeholder="开始日 yyyy-MM-dd" >
                            </div>
                            <div class="layui-input-inline xbs768">
                                <input type="date" name="serch_end_time" id="enddate" class="layui-input" placeholder="截止日 yyyy-MM-dd">
                            </div>
                        </div>
                        <div class="order_input" style="font-size: 16px;margin-bottom: 15px;margin-left: 30px">
                            搜索 :
                            <div class="layui-input-inline">
                                <input style="float: left;width: 250px" type="text" name="orderdnumber" id="searchvalue"  placeholder="请输入订单编号" autocomplete="off" class="layui-input" >
                                <span class="search_btn"  onclick="chuancanSearch()">搜索</span>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <table class="layui-table">
                <thead>
                <tr>
                    <th>
                        <input type="checkbox" name="" value="">
                    </th>
                    <th>
                        订单ID
                    </th>
                    <th>
                        订单编号
                    </th>
                    <th>
                        商品信息
                    </th>
                    <th>
                        数量
                    </th>
                    <th>
                        支付金额
                    </th>
                    <th>
                        支付方式
                    </th>
                    <th>
                        订单状态
                    </th>
                    <th>
                        用户信息
                    </th>
                    <th>
                        下单时间
                    </th>
                    <th>
                        操作
                    </th>
                </tr>
                </thead>
                <tbody class="order_tbody">
                    <c:forEach items="${orderpager.data}" var="p">
                        <tr>
                            <td>
                                <input type="checkbox" value=i++ name="">
                            </td>
                            <td>
                                    ${p.did}
                            </td>
                            <td>
                                    ${p.dxnumber}
                            </td>
                            <td style="cursor: pointer">
                                    ${p.orderDetails.detail.commodity.sname}
                                    ${p.orderDetails.detail.commoditycolor.yname}
                                |${p.orderDetails.detail.commoditymemory.nname}
                            </td>
                            <td>
                                    ${p.orderDetails.gnumber}
                            </td>
                            <td >
                                    ${p.dtotal}
                            </td>
                            <td >
                                    ${p.pay}
                            </td>
                            <td class="td-status">
                                    ${p.dstatus}
                            </td>
                            <td>
                                    ${p.user.uname}
                            </td>
                            <td >
                                    ${p.dtime}
                            </td>
                            <td class="td-manage">
                                    <span onclick="shield()" id="${p.did}">详情</span>
                            </td>
                        </tr>
                    </c:forEach>
                </tbody>
            </table>
            <div class="fenye">
                <span>上一页</span>
                <c:forEach items="${orderpager.orderPager}" var="i" varStatus="r">
                    <c:choose>
                        <c:when test="${r.index==0}">
                            <span class="active" onclick="chuancanSearch(${i})">${i}</span>
                        </c:when>
                        <c:otherwise>
                            <span onclick="chuancanSearch(${i})">${i}</span>
                        </c:otherwise>
                    </c:choose>
                </c:forEach>
                <span ${orderpager.pageCount>1?"onclick='chuancanSearch(2)'":""} >下一页</span>
            </div>
            <!-- 右侧内容框架，更改从这里结束 -->
        </div>
    </div>
    <!-- 右侧主体结束 -->
</div>
<!-- 中部结束 -->
<!-- 底部开始 -->
<%--<div class="footer">--%>
<%--    <div class="copyright">Copyright ©2017 x-admin v2.3 All Rights Reserved. 本后台系统由X前端框架提供前端技术支持</div>--%>
<%--</div>--%>
<!-- 底部结束 -->
<!-- 背景切换开始 -->
<div class="bg-changer">
    <div class="swiper-container changer-list">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img class="item" src="../x-admin/images/a.jpg" alt=""></div>
            <div class="swiper-slide"><img class="item" src="../x-admin/images/b.jpg" alt=""></div>
            <div class="swiper-slide"><img class="item" src="../x-admin/images/c.jpg" alt=""></div>
            <div class="swiper-slide"><img class="item" src="../x-admin/images/d.jpg" alt=""></div>
            <div class="swiper-slide"><img class="item" src="../x-admin/images/e.jpg" alt=""></div>
            <div class="swiper-slide"><img class="item" src="../x-admin/images/f.jpg" alt=""></div>
            <div class="swiper-slide"><img class="item" src="../x-admin/images/g.jpg" alt=""></div>
            <div class="swiper-slide"><img class="item" src="../x-admin/images/h.jpg" alt=""></div>
            <div class="swiper-slide"><img class="item" src="../x-admin/images/i.jpg" alt=""></div>
            <div class="swiper-slide"><img class="item" src="../x-admin/images/j.jpg" alt=""></div>
            <div class="swiper-slide"><img class="item" src="../x-admin/images/k.jpg" alt=""></div>
            <div class="swiper-slide"><span class="reset">初始化</span></div>
        </div>
    </div>
    <div class="bg-out"></div>
    <div id="changer-set"><i class="iconfont">&#xe696;</i></div>
</div>
<!-- 背景切换结束 -->
<!-- 页面动态效果 -->
<script>

    layui.use(['laydate'], function(){
        laydate = layui.laydate;//日期插件

        //以上模块根据需要引入
        //
        var start = {
            min: laydate.now()
            ,max: '2099-06-16 23:59:59'
            ,istoday: false
            ,choose: function(datas){
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };

        var end = {
            min: laydate.now()
            ,max: '2099-06-16 23:59:59'
            ,istoday: false
            ,choose: function(datas){
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };

        document.getElementById('LAY_demorange_s').onclick = function(){
            start.elem = this;
            laydate(start);
        }
        document.getElementById('LAY_demorange_e').onclick = function(){
            end.elem = this
            laydate(end);
        }

    });

    function member_edit (title,url,id,w,h) {
        x_admin_show(title,url,w,h);
    }
</script>

</body>
</html>